<template>
  <el-table-column :="attrs">
    <template #default="{ row }">
      <div class="custom-field">
        <div v-for="(item, index) in getList(row.customField)" :key="index">
          <span>{{ item.l }}：</span>
          <span>{{ item.v }}</span>
        </div>
      </div>
    </template>
  </el-table-column>
</template>

<script setup lang="ts">
import { useAttrs } from 'vue'

const attrs = useAttrs()

const getList = (val) => {
  if (!val) return []
  return JSON.parse(val)
}
</script>

<style scoped lang="scss">
.custom-field {
  font-family: PingFangSC-Medium;
  font-weight: 500;
  font-size: 12px;
  color: #333;
}
</style>
